<template>
  <div class="login-container">
     <h1> 医院设置添加</h1>
      <el-form label-width="120px">

        <el-form-item label="医院名称">
          <el-input v-model="hospitalSet.hosname"/>
        </el-form-item>

        <el-form-item label="医院编号">
          <el-input v-model="hospitalSet.hoscode"/>
        </el-form-item>

        <el-form-item label="api基础路径">
          <el-input v-model="hospitalSet.apiUrl"/>
        </el-form-item>
        
        <el-form-item label="联系人姓名">
          <el-input v-model="hospitalSet.contactsName"/>
        </el-form-item>

        <el-form-item label="联系人手机">
          <el-input v-model="hospitalSet.contactsPhone"/>
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="saveOrUpdate">保存</el-button>
        </el-form-item>

      </el-form>
    </div>
</template>

<script>
import hospset from '@/api/yygh/hospset'
export default {

  data(){

    return {
      hospitalSet:{}
    }
  },
  created(){

    // this.$route.params!=null&&this.$route.params.id!=null 不是这种写法
    if(this.$route.params&&this.$route.params.id){

       //根据id查询信息
       hospset.getHospSet(this.$route.params.id).then(response=>{

        console.log("查询成功")
        this.hospitalSet=response.data
})
    }else{
       // bug修改
       //点击add表单没有清空
       console.log("清空")
       this.hospitalSet={}

    }
   

  },
  methods:{
    saveOrUpdate(){

      //路由没有id
      if(this.$route.params.id==null)
         {
         
          this.save()
         }
      else{
        console.log("update")
        
         //修改
         this.update();
      }
    },
    save(){
      hospset.saveHospSet(this.hospitalSet).then(response=>{
         //提示
         this.$message({
                type: 'success',
                message:  '添加成功!'
              })
        //跳转到list页面
        this.$router.push({path:"/hospSet/list"})
      },error=>{
          //提示
          this.$message({
                type: 'success',
                message:  '添加失败'
              })
        console.log(error)
      })
    },
    update(){
      hospset.updateHospSet(this.hospitalSet).then(response=>{
         //提示
         this.$message({
                type: 'success',
                message:  '修改成功!'
              })
          // 跳转
          this.$router.push({path:"/hospSet/list"})
      },error=>{

        this.$message({
                type: 'success',
                message:  '修改失败'
              })

      })
    }
  }
}
</script>

<style>

</style>